
     /**
      * 变量
      * **/
         // 获取按钮,显示框
var [addRecordBtn,updateBtn,addStudentBtn,addstudent,delstudent,addrecord, masking ,addStudentView,addCancel,checkStudentView,checkConfirm,addRecordCancle,
             addRecordView,addRecord,updateStudentView,updateCancel]=
  [$("#addRecordBtn"),$("#updateBtn"),$("#addStudentBtn"),$("#addStudent"), $("#delStudent"),$("#addRecord") , $(" #masking "),$("#addStudentView"),$("#addCancel"),$("#checkStudentView"),$("#checkConfirm"),
      $("#addRecordCancle"),$("#addRecordView"),$("#addRecord"),$("#updateStudentView"),$("#updateCancel")];


var updateIndex;
// 学生对应数组下标
var studentIndex;
// 被选中的学生信息 id
    var delArr=[];
    // 当前学生id
var currentId;

// 总条数
    var totalSize;
// 当前页
var currentPage=1;
// 总页数
var totalPage;
// 页面容量
var pageSize=6;
// 当前点中学校地区
var currentSchoolPart;
     // 当前点中学校名字
     var currentSchoolName;
     var currentSchoolId;


     // 删除的标记

     var delmark;
     // 刷新的标志
var refre;
    bindPage();
    addPageEvent();
     // AddShowCityLi();
     // 显示信息
     DisplayStudentList();
     newaddPageEvent();




/**
 *
 * 事件
 *
 * **/
addstudent.click(function () {
     // 添加蒙版
     masking.show();
     // 显示添加视窗
     addStudentView.show();
});
     addCancel.click(function () {
          CloseAllView();
     })


checkConfirm.on("click",function () {
          CloseAllView();
     })
    // 绑定添加学生
    addStudentBtn.click(function () {
        // 表单框的内容
        // $(".inputValue").each(function () {
        //     if($(this).val()===""||$(this).val()===undefined){
        //         $("#promptMsgDiv").show();
        //         $("#promptMsg").text("请确保信息填写完整！");
        //
        //     }
        //     // return false;
        // })
        AddStudentInfo();
        CloseAllView();
        DisplayStudentList();
    })
    // 绑定删除学生
    delstudent.click(function (){
        if(delmark===1){

            DelStudentInfo();
            DisplayStudentList()
        }
        if(delmark===2){
            ItenBindPage();
            DelStudentInfo();
            showPartSchool()


        }





    })

    // 绑定修改事件
    updateBtn.on("click",function () {
        UpdateStudentInfo();

        CloseAllView();
      DisplayStudentList();
    })

    addRecordCancle.click(function () {
        CloseAllView();
    })

    // 添加回访记录
    addRecordBtn.click(function () {
        AddRecord();
        CloseAllView();
    })




    addRecord.click(function () {
        addRecordView.show();
        masking.show();
    })
    // 绑定修改的按钮事件

    updateCancel.click(function () {
        CloseAllView();
    })

    // 点击检索
$("#selectStudentBtn").click(function () {
    var student;
    $("#divPage").html("");

    var selectStudent=$("#selectStudent").val();


    // 遍历数组，找学号
    for (var i = 0; i < studentData.length; i++) {
        if (studentData[i].stuId===selectStudent){
            $("#showInfo").html("");
            $("#showInfo").append(`  <tr>
                <td><input type="checkbox"></td>
                <td>${studentData[i].stuId}</td>
                <td>${studentData[i].stuNam}</td>
                <td>${studentData[i].stuSex}</td>
                <td>${studentData[i].stuClass}</td>
                <td>${studentData[i].isVIP}</td>
                <td>${studentData[i].stuTel}</td>
                <td><span class="check" data-stuId=${studentData[i].stuId}>查看</span> <span class="update" data-stuId=${studentData[i].stuId}>修改</span></td>
            </tr>`)
            student=studentData[i];
            break ;

        }


    }
    if(student===undefined){
        // 查寻结果为空，显示提示信息哦
        $("#promptMsgDiv").show();
        $("#promptMsg").text("没有该学生信息请核对后重新输入");


    }else {
        bindDynamicCondition();

    }




})
     // 点击刷新
     $("#refreshBtn").click(function () {
         refre=1;
         DisplayStudentList();
     });

     // 绑定确定的提示信息
     $("#promptMsgBtn").click(function (){
         DisplayStudentList();
         $("#promptMsgDiv").hide();

     })




/***
 *
 *
 * 方法
 *
 * **/


function showPartSchool() {
    studentData=JSON.parse(localStorage.studentData)

    visitArr=JSON.parse(localStorage.visitArr)
    shoolData=JSON.parse(localStorage.shoolData)
    delmark=2;
    $("#divPage").html("");
    var tempStudent=[];
    $("#showInfo").html("");
    var start=(currentPage-1)*pageSize;
    var end=start+pageSize;

    // 显示对应城市的学校列表
    //   遍历学生列表

    for (let i = 0; i < studentData.length; i++) {
        // 找到城市对应的学校
        // 遍历学生
        // 找到对应地区的学校
            // 筛选地区
          if (currentSchoolId===studentData[i].ShoolId){
              // 存进临时数组
              $("#showInfo").append(`  <tr>
                <td><input type="checkbox"></td>
                <td>${studentData[i].stuId}</td>
                <td>${studentData[i].stuNam}</td>
                <td>${studentData[i].stuSex}</td>
                <td>${studentData[i].stuClass}</td>
                <td>${studentData[i].isVIP}</td>
                <td>${studentData[i].stuTel}</td>
                <td><span class="check" data-stuId=${studentData[i].stuId}>查看</span> <span class="update" data-stuId=${studentData[i].stuId}>修改</span></td>
            </tr>`)
              // 筛选学校
          }
    }
    bindDynamicCondition();

}


// 生成页码
     function bindPage(){
         // 总条数
         totalSize=studentData.length;
         // 总页数
         totalPage=Math.ceil(totalSize / pageSize);
         if(totalPage<currentPage){
             currentPage = totalPage;
         }
         $("#divPage").html("");
         for (let i = 1; i <= totalPage; i++) {
             $("#divPage").append(`<button class="btn currentBtn btn-default">${i}</button>`)

         }




     }


     // 筛选页面绑定页数
     function ItenBindPage(){

         // 总条数
         // 获取对应城市学校学生的数量
         // 从学生数组中获取学校的学生数量
         // 总页数
         totalPage=Math.ceil(totalSize / pageSize);
         if(totalPage<currentPage){
             currentPage = totalPage;
         }
         $("#divPage").html("");
         for (var j = 1; j <= totalPage; j++) {
             $("#divPage").append(`<button class="btn newcurrent btn-default">${j}</button>`)
         }




     }
     function newaddPageEvent(){
         $("#divPage").on("click",".newcurrent",function () {

             currentPage=Number($(this).text())
             showPartSchool();

         })



     }



     function addPageEvent(){
         $("#divPage").on("click",".currentBtn",function () {
             currentPage=Number($(this).text())
             DisplayStudentList();
         })



     }







     //显示学生列表
    function DisplayStudentList() {
        studentData=JSON.parse(localStorage.studentData)

        visitArr=JSON.parse(localStorage.visitArr)
         shoolData=JSON.parse(localStorage.shoolData)
   /**
    *
    *  右侧表格显示
    *
    * **/
   $("#checkAll").prop("checked",false);
   delmark=1;

   if(refre=1){

       var start=0;
       var end=studentData.length;
   }
         bindPage();
         addPageEvent();

         $("#showInfo").html("");
        var start=(currentPage-1)*pageSize;
        var end=start+pageSize;
        for (let i = start; i < studentData.length && i < end; i++) {
            $("#showInfo").append(`  <tr>
                <td><input type="checkbox" class="ziInput"></td>
                <td>${studentData[i].stuId}</td>
                <td>${studentData[i].stuNam}</td>
                <td>${studentData[i].stuSex}</td>
                <td>${studentData[i].stuClass}</td>
                <td>${studentData[i].isVIP}</td>
                <td>${studentData[i].stuTel}</td>
                <td><span class="check" data-stuId=${studentData[i].stuId}>查看</span> <span class="update" data-stuId=${studentData[i].stuId}>修改</span></td>
            </tr>`)

        }
        /**
         *
         * 左侧列表显示
         *
         * ***/
        $(".schoolList").html("");
        // 遍历学校数据数组，生成列表
        for (let i = 0; i < shoolData.length; i++) {
            if(shoolData[i].shoolArea==="成都市"){
                // 获取成都列表，添加学校
                $("#ChengDu").append(` <li class="cityLi">${shoolData[i].shoolNam}</li>`)

            }else if(shoolData[i].shoolArea==="绵阳市"){
                // 获取成都列表，添加学校
                $("#MianYang").append(` <li class="cityLi">${shoolData[i].shoolNam}</li>`)

            }else if(shoolData[i].shoolArea==="雅安市"){
                // 获取成都列表，添加学校
                $("#YaAn").append(` <li class="cityLi">${shoolData[i].shoolNam}</li>`)

            }else if(shoolData[i].shoolArea==="乐山市"){
                // 获取成都列表，添加学校
                $("#LeShan").append(` <li class="cityLi">${shoolData[i].shoolNam}</li>`)

            }else if(shoolData[i].shoolArea==="内江市"){
                // 获取成都列表，添加学校
                $("#NeiJiang").append(` <li class="cityLi">${shoolData[i].shoolNam}</li>`)

            }

        }
        // 给学校li绑定事件

        bindDynamicCondition();





    }
    // 显示回访列表

// 关闭所有视窗
function CloseAllView() {
          addStudentView.hide();
          masking.hide();
          checkStudentView.hide();
        addRecordView.hide();
        updateStudentView.hide();

     }





//操作列表

// 获取一级列表的li
    $(".cityList").children().find(".liCity").click(function (){
        // 收起所有
        $(".cityList").children().find("ul").children().height(0);
        if( $(this).next().children().height()===0){
            $(this).next().children().height(45);
            $(this).next().children().css("visibility","visible");

        }else {

            $(this).next().children().height(0);
            $(this).next().children().css("visibility","hidden");
        }
    })



    // 设置信息
    function SetInfo(stuNam, stuSex,stuClass,isVIP,ShoolId,stuRecord,stuBrithTime,stuAdress,stuFaNam,stuFaTel,stuMaNam,stuMaTel,stuRemark,stuTel) {
        // 获取学号
        let [checkStuName,checkStuSe,checkStuBirth,checkStuAddress,checkStuClass,checkStuPhone,checkStuFaName,checkStuFaPhone,checkStuSta,checkStuMoName,checkStuMoNum,checkStuText]=
            [$("#checkStuName"),$("#checkStuSe"),$("#checkStuBirth"),$("#checkStuAddress"),$("#checkStuClass"),$("#checkStuPhone"),$("#checkStuFaName"),$("#checkStuFaPhone"),$("#checkStuSta"),$("#checkStuMoName"),$("#checkStuMoNum"),$("#checkStuText")];
        checkStuName.text(stuNam);
        checkStuSe.text(stuSex);
        checkStuBirth.text(stuBrithTime);
        checkStuAddress.text(stuAdress);
        checkStuFaName.text(stuFaNam);
        checkStuFaPhone.text(stuFaTel);
        checkStuMoName.text(stuMaNam);
        checkStuMoNum.text(stuMaTel);
        checkStuClass.text(stuClass);
        checkStuPhone.text(stuTel);
        checkStuSta.text(isVIP);
        checkStuText.text(stuRemark);

    }

    // 修改时默认显示信息
    // 设置信息
    function UpdateShowInfo() {
        // 获取学号
        let [updateStuName,updateStuBirth,updateStuAddress,updateStuPhone,updateStuFaName,updateStuFaPhone,updateStuSta,updateStuSchoolId,updateStuMoName,updateStuMoNum,updateStuText]=
            [$("#updateStuName"),$("#updateStuBirth"),$("#updateStuAddress"),$("#updateStuPhone"),$("#updateStuFaName"),$("#updateStuFaPhone"),$("#updateStuSta"),$("#updateStuSchoolId"),$("#updateStuMoName"),$("#updateStuMoNum"),$("#updateStuText")];
        // 通过id查询到对应的对象
        var student;
        for (let i = 0; i < studentData.length; i++) {
            if(studentData[i].stuId===updateIndex){
                student=studentData[i];
                currentId=studentData[i].stuId;
                studentIndex=i;
                break;
            }
        }


        updateStuName.val(student.stuNam);
        // 获取性别
        $("input[name=sex][value="+student.stuSex+"]").attr("checked",true);

       // var date=;
        updateStuBirth.val(student.stuBrithTime);
        updateStuAddress.val(student.stuAdress);
        updateStuFaName.val(student.stuFaNam);
        updateStuFaPhone.val(student.stuFaTel);
        updateStuMoName.val(student.stuMaNam);
        updateStuMoNum.val(student.stuMaNam);
        // 班级
        var classname=student.stuClass
        $("#classname option[value="+classname+"]").attr("selected","selected");

        // updaeStuClass.val(stuClass);

        updateStuPhone.val(student.stuTel);
        updateStuSta.val(student.isVIP);
        updateStuText.val(student.stuRemark);
        updateStuSchoolId.val(student.ShoolId)

    }

    // 修改学生信息
    function UpdateStudentInfo() {



        let [updateStuName,updateStuBirth,updateStuAddress,updateStuPhone,updateStuFaName,updateStuFaPhone,updateStuSta,updateStuSchoolId,updateStuMoName,updateStuMoNum,updateStuText]=  [$("#updateStuName"),$("#updateStuBirth"),$("#updateStuAddress"),$("#updateStuPhone"),$("#updateStuFaName"),$("#updateStuFaPhone"),$("#updateStuSta"),$("#updateStuSchoolId"),$("#updateStuMoName"),$("#updateStuMoNum"),$("#updateStuText")];

    var  stuNam=  updateStuName.val();
        // 获取性别
        var stuSex=$("input[name=sex]:checked").val()

        // var date=student.;
       var stuBrithTime=  updateStuBirth.val();

      var  stuAdress= updateStuAddress.val();
       var stuFaNam=  updateStuFaName.val();
      var stuFaTel=  updateStuFaPhone.val();
      var stuMaNam=  updateStuMoName.val();
      var stuMaTel=  updateStuMoNum.val();
        // 班级
     var stuClass=  $("#classname option:selected").text();


     var stuTel=   updateStuPhone.val();
      var isVIP=  updateStuSta.val();
       var stuRemark= updateStuText.val();
     var ShoolId=   updateStuSchoolId.val();
     // 原来的id;

     // 重构信息
    var newStudent={
        stuId: currentId,
        stuNam:stuNam,      //姓名
        stuSex:stuSex,       //性别(单选框)
        stuClass:stuClass,  //班级
        isVIP:isVIP,     //是否为会员
        ShoolId:ShoolId,    //对应所在学校的id ,判断在哪所学校
        //回访人直接取学生本人  或者学生母亲父亲名字即可
        stuBrithTime:stuBrithTime,//学生出生时间
        stuAdress:stuAdress, //家庭住址
        stuTel:stuTel, //学生电话
        stuFaNam:stuFaNam,  //父亲名字
        stuFaTel:stuFaTel, //父亲电话
        stuMaNam:stuMaNam, //母亲名字
        stuMaTel:stuMaTel, //母亲电话
        stuRemark:stuRemark,  //备注
    }
    // 替换
    studentData.splice(studentIndex,1,newStudent)

        studentData=JSON.stringify(studentData);

        localStorage.setItem("studentData",studentData)
    }

    // 添加学生信息
function AddStudentInfo() {
       // 获取表单信息
    // stuId,stuNam, stuSex,stuClass,isVIP,ShoolId,stuBrithTime,stuAdress,stuFaNam,stuFaTel,stuMaNam,stuMaTel,stuRemark,stuTel
  let [addStuId,addStuSchoolId,addStudentTextarea,addStuMoPhone,addStuMoName,addStuFaPhone,addStuFaName,addStuPhone,addStuAddress,addStuDate,addStuName]=
  [$("#addStuId"),$("#addStuSchoolId"),$("#addStudentTextarea"),$("#addStuMoPhone"),$("#addStuMoName"),$("#addStuFaPhone"),$("#addStuFaName"),$("#addStuPhone"),$("#addStuAddress"),$("#addStuDate"),$("#addStuName")]

    // 学号
   var stuNam=addStuName.val();
    var stuSex=$('input[name=sex]:checked').val();
    var stuClass=  $("#addStuClass option:selected").text();
    var isVIP="非会员";
    var stuId=addStuId.val();
   var ShoolId=addStuSchoolId.val();
    var  stuBrithTime=addStuDate.val();
    var stuAdress=addStuAddress.val();
    var stuFaNam=addStuFaName.val();
    var stuFaTel=addStuFaPhone.val();
    var stuMaNam=addStuMoName.val();
    var stuMaTel=addStuMoPhone.val();
    var stuRemark=addStudentTextarea.val();
    var  stuTel=addStuPhone.val();
    // 创建学生对象
var student={
    stuId:stuId,        //学号
    stuNam:stuNam,      //姓名
    stuSex:stuSex,       //性别(单选框)
    stuClass:stuClass,  //班级
    isVIP:isVIP,     //是否为会员
    ShoolId:ShoolId,    //对应所在学校的id ,判断在哪所学校
    //回访人直接取学生本人  或者学生母亲父亲名字即可
    stuBrithTime:stuBrithTime,//学生出生时间
    stuAdress:stuAdress, //家庭住址
    stuTel:stuTel, //学生电话
    stuFaNam:stuFaNam,  //父亲名字
    stuFaTel:stuFaTel, //父亲电话
    stuMaNam:stuMaNam, //母亲名字
    stuMaTel:stuMaTel, //母亲电话
    stuRemark:stuRemark,  //备注
}
studentData.push(student);
    studentData=JSON.stringify(studentData);

    localStorage.setItem("studentData",studentData)

}

// 删除学生
function DelStudentInfo() {
        var delArr=[];
        //遍历所有复选框，获取选中的id, 获取选中的学生的id
    $("input[type=checkbox]:checked").each(function (index,item) {
              var id=  $(this).parent().next().text()
        delArr.push(id);
    })

      // 遍历学生数组，根据id删除学生信息
    for (let i = 0; i < studentData.length; i++) {
        for (let j = 0; j < delArr.length; j++) {
            if(studentData[i].stuId===delArr[j]){
                studentData.splice(i,1);

            }

        }
    }


    studentData=JSON.stringify(studentData);

    localStorage.setItem("studentData",studentData)

}

// 添加回访记录
function AddRecord() {
    // 获取表带内容
    // stuName:"王一",//回访人
    //     stuRecord:"xxx",//回访内容
    //     stuRecordTitle:"加入忘买班儿子学习清空",//回访主题
    //     visitName:"赵小峰",//访问负责人
    //     visitTime:"2010-12-24"//回访时间

    let [stuName,stuRecord,stuRecordTitle,visitTime,]=
    [$("#stuName"),$("#stuRecord"),$("#stuRecordTitle"),$("#visitTime")]
  var visit=
    {
        stuName:stuName.val(),
        stuRecord:stuRecord.val(),
        stuRecordTitle:stuRecordTitle.val(),
        visitName:$("#visitName option:selected").text(),
        visitTime:visitTime.val()
    }
    visitArr.push(visit);

   visitArr=JSON.stringify(visitArr);

    localStorage.setItem("visitArr",visitArr)
}



function bindDynamicCondition() {
    // GetNew();

    // 给学校li绑定事件


    $(".cityLi").click(function () {
        // 声明新数组，用于存放查询到的学生信息

        totalSize=0;
        totalPage=0;
        $("#showInfo").html("");
        currentPage=1;
        currentSchoolPart=$(this).parent().prev().text();
        currentSchoolName=$(this).text();
        for (let i = 0; i < shoolData.length; i++) {
            if (currentSchoolName===shoolData[i]. shoolNam){
                currentSchoolId=shoolData[i].shoolId;
            }

        }


        showPartSchool();
    })

    $(".update").click(function () {
        visitArr=JSON.parse(localStorage.visitArr)
        updateIndex=$(this).attr("data-stuId");
        UpdateShowInfo();
        updateStudentView.show();
        masking.show();

    }),
        // 绑定点击查询的按钮事件
        $(".check").click(function () {
            visitArr=JSON.parse(localStorage.visitArr)
            checkStudentView.show();
            masking.show();
            // 获取id
            var id=    $(this).attr("data-stuId");
            var stuNam;
            for (let i = 0; i < studentData.length; i++) {
                if (studentData[i].stuId===id){
                    stuNam= studentData[i].stuNam;
                    var  stuSex= studentData[i].stuSex;
                    var  stuClass= studentData[i].stuClass;
                    var  isVIP= studentData[i].isVIP;
                    var  ShoolId= studentData[i].ShoolId;
                    var  stuRecord= studentData[i].stuRecord;
                    var  stuBrithTime= studentData[i].stuBrithTime;
                    var  stuAdress= studentData[i].stuAdress;
                    var  stuFaNam= studentData[i].stuFaNam;
                    var  stuFaTel= studentData[i].stuFaTel;
                    var  stuMaNam= studentData[i].stuMaNam;
                    var  stuMaTel= studentData[i].stuMaTel;
                    var  stuRemark= studentData[i].stuRemark;
                    var  stuTel= studentData[i].stuTel;
                    // let  isVIP= studentData[i].isVIP;
                    break;

                }

            }
            SetInfo(stuNam, stuSex,stuClass,isVIP,ShoolId,stuRecord,stuBrithTime,stuAdress,stuFaNam,stuFaTel,stuMaNam,stuMaTel,stuRemark,stuTel);
            // 根据id区找效应人的访问记录

            var count=0;
            $("#visitTable").html("");
            for (let j = 0; j < visitArr.length; j++) {

                if(stuNam===visitArr[j].stuName){
                    $("#visitTable").append(`  <tr>
                <td>${visitArr[j].visitTime  }</td>
                <td>${visitArr[j].visitName }</td>
                <td>${visitArr[j].stuName }</td>
                <td>${visitArr[j].stuRecordTitle}</td>
                <td>${visitArr[j].stuRecord}</td>
            </tr>`)

                    count++;
                }

            }
            if(count===0){
                $("#visitTable").append(`  <tr>
                <td>暂无访问记录</td>
             
            </tr>`)

            }
        });}


// 全选功能
     $("#checkAll").click(function () {
         var inputArr = $(".ziInput");
         if($("#checkAll").prop("checked")===true) {
             for (i of inputArr) {
                 $(i).prop("checked", true)
             }
         }
         if($("#checkAll").prop("checked")===false) {

             for (i of inputArr) {

                 $(i).prop("checked", false)

             }
         }


     })

     // 给每个input绑定点击
     var inputArr = $(".ziInput");
     inputArr.click(function () {
         for (i of inputArr) {
             if( $(i).prop("checked")===false){
                 $("#checkAll").prop("checked",false);
                 break ;
             }
         }
     });

     /**
      *
      * 表单验证
      *
      * **/

// 添加表单
//      判断id是否重复
//      遍历学生数组，查询id重复
     $("#addStuId").blur(function(){
         var addStuId=$("#addStuId").val();
         for (let i = 0; i < studentData.length; i++) {
             if(addStuId===studentData[i].stuId){
                 $("#promptMsgDiv").show();
                 $("#promptMsg").text("该学号已经存在");
             }
         }
     });

// 获取最新在数组

